<html lang="en">
<head>
 <meta charset="utf-8">
  <title>  <?php   
        wp_title( '|', true, 'right' );  
      bloginfo( 'name' );  
     ?> </title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

	<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
	<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
	<!--script src="js/less-1.3.3.min.js"></script-->
	<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
	
	<link href="<?php echo get_template_directory_uri() ?>/css/bootstrap.min.css" rel="stylesheet">
	<link href="<?php echo get_template_directory_uri() ?>/css/style.css" rel="stylesheet">
    <link href="<?php echo get_template_directory_uri() ?>/css/tooltip.css" rel="stylesheet">
	<link href="<?php echo get_template_directory_uri() ?>/css/jquery-ui-1.8.16.custom.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Sofia|Satisfy' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Aclonica' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>


  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php echo get_template_directory_uri() ?>/img/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php echo get_template_directory_uri() ?>/img/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php echo get_template_directory_uri() ?>/img/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="<?php echo get_template_directory_uri() ?>/img/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="<?php echo get_template_directory_uri() ?>/img/icon.png">
  
  <script src="<?php echo get_template_directory_uri() ?>/js/jquery.selectBox.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery.min.js"></script>
	<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery.textpager.js"></script>
	
	<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/scripts.js"></script>
	<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/css-pop.js"></script>
    <script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/blink.js"></script>
	<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/fixed.js"></script>
	<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery.datePicker.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/md5.js"></script>

	
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />  
     <?php if ( is_singular() && get_option( 'thread_comments' ) )  
    wp_enqueue_script( 'comment-reply' );  
    wp_head();  
     ?>
	
<link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/css/jquery.mCustomScrollbar.css" />
<link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/css/datePicker.css" />
<script src="<?php echo get_template_directory_uri() ?>/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="<?php echo get_template_directory_uri() ?>/js/stickyfloat.js"></script>
<script src="<?php echo get_template_directory_uri() ?>/js/jquery-ui-1.10.4.min.js"></script>
<script src="<?php echo get_template_directory_uri() ?>/js/tinymce/tinymce.min.js"></script>
<script src="<?php echo get_template_directory_uri() ?>/js/tinymce/jquery.tinymce.min.js"></script>
<script>



(function($) {
    $(window).load(function() {
	

        var counterbab = 1;
		var judulval = false;
		var catval = false;
		var tagval = false;
		var sinopsisval = false;
		var MinJudul = 5; 
		var MinSinopsis = 100; 
		var isibabval = false;
		var judulbabval = false;
		var MinJudulBab = 5; 
		var MinIsiBab = 200;
 
		var PlaceHolderJudulBab = "Isi judul bab";
		var PlaceHolderIsiBab = "Silakan salin dan tempel atau ketik isi bab Anda di sini, jika judul tidak diisi dan isi bab kosong, maka bab ini tidak akan tersimpan.";
		var MsgJudul = "Judul harus diisi minimal "+MinJudul+" karakter!";
		var MsgKategori ="Pilih satu kategori! Anda TIDAK DAPAT mengubah kategori apabila cerita sudah ditayangkan!";
		var MsgTag = 'Tag wajib diisi, pisahkan tag dengan tanda ","! Anda TIDAK DAPAT mengubah tag apabila cerita sudah ditayangkan.';
		var MsgSinopsis = "Sinopsis wajib diisi minimal "+MinSinopsis+" karakter!";
		var MsgIsiBab = "Wajib isi bab minimal "+MinIsiBab+" karakter!";
		var MsgJudulBab = "Judul bab harus diisi minimal "+MinJudulBab+" karakter!";
	$("document").ready(function(){
	tinyMCE.init({
        mode : "textareas",
		editor_selector : "kotaktext",
		plugins : "textcolor,textpattern,wordcount",
        theme : "modern",
		setup : function(editor) {
			editor.on("keyup", OnKeyUpHandler);
			}	
	});
	function OnKeyUpHandler(){
	var jenis ="";
	if (tinymce.get('description0') == null){
		var body = tinymce.get('descriptionbab').getBody(), text = tinymce.trim(body.innerText || body.textContent);
		jenis = "isibab";
	}
	else{
		var body = tinymce.get('description0').getBody(), text = tinymce.trim(body.innerText || body.textContent); 
		jenis="sinopsisbuku"
	}
		var text = tinymce.trim(body.innerText || body.textContent);
		var	chars =  text.length;
		var words = text.split(/[\w\u2019\'-]+/).length;
	if (jenis=="sinopsisbuku"){
		if (chars < MinSinopsis) {  
				$('#errorsinopsisbuku').text(MsgSinopsis);
				  $(this).css('border','2px solid red');
				  sinopsisval = false;
			}
		else {
				sinopsisval = true;
				$(this).css('border','2px solid green');
				$('#errorsinopsisbuku').text('');
			}
		}
	else {
		if (chars < MinIsiBab)
		{
			$('#errorisibab').text(MsgIsiBab);
			$(this).css('border','2px solid red');
			isibabval=false;
			} 
		else {
			isibabval = true;
			$(this).css('border','2px solid green');
			$('#errorisibab').text('');
			}
	}
	}
});
        $("#lastmodifiedscroll").mCustomScrollbar();
        $("#pilihaneditorscroll").mCustomScrollbar();
        $('#dialog-editsampul').dialog({
            modal: true,
            autoOpen: false,
            title: 'Edit Sampul',
            width: 300,
            height: 300,
            position: ['middle', 40]

        });
        $('[id*=EditSampul]').click(function(e) {
            e.preventDefault();
            var openpage = $(this).attr("href");
            $("#dialog-editsampul").css('display', 'block');
            $("#dialog-editsampul").load(openpage);
            $('#dialog-editsampul').dialog('open');
        });

        $('#dialog-hapusbab').dialog({
            modal: true,
            autoOpen: false,
            title: 'Konfirmasi Hapus Bab',
            width: 500,
            height: 200,
            position: ['middle', 60],
            buttons: {
                "Ya": function() {
                    $("#hapusbabok").click();
                },
                "Batal": function() {
                    $(this).dialog("close");
                }
            }

        });
        $('[id*=HapusBab]').click(function(e) {
            e.preventDefault();
            var ids = $(this).attr("href");
            var items = ids.split("|");
            $("#hiddenbabid").val(items[0]);
            $("#hiddenbookid").val(items[1]);
            $("#dialog-hapusbab").css('display', 'block');
            $('#dialog-hapusbab').dialog('open');
        });

        $(".up,.down").click(function() {
            var row = $(this).parents("tr:first");
            if ($(this).is(".up")) {
                row.insertBefore(row.prev());
            } else {
                row.insertAfter(row.next());
            }
        });
		// untuk halaman kelola cerita ****
        function DoAction(){
		var idbab = new Array();
            var idbablongstring = "";

            $("#tablebab").find("tr").each(function() {
                var row = $('[id*=linkbab]').closest($(this));
                var idbabhref = $('[id*=linkbab]', row).attr("href");
                idbab.push(idbabhref);
            });
            for (var i = 0; i < idbab.length; i++) {
                var id = idbab[i];
                if (i == idbab.length - 1) {
                    idbablongstring += id;
                } else {
                    idbablongstring += id + "|";
                }
            };
			$("#idbabnew").val(idbablongstring);
		};
		DoValidationKelolaCerita = 
		function(){
		if ($('#statusbuku').val()=='draft'){
			if (judulval==false){
			 $('#errorjudulbuku').text(MsgJudul);
				}
			if (catval == false){
			 $('#errorkatbuku').text(MsgKategori);
				}
			if (tagval == false){
				$('#errortagbuku').text(MsgTag);
			}
			if (sinopsisval == false){
			$('#errorsinopsisbuku').text(MsgSinopsis);
			}
			if (judulval==true && catval == true && tagval == true && sinopsisval==true)	{
				return true;
			}
			else {
				return false;
			}
		}
		else {
		if (judulval==false){
			 $('#errorjudulbuku').text(MsgJudul);
				}
			if (sinopsisval == false){
			$('#errorsinopsisbuku').text(MsgSinopsis);
			}
			if (judulval==true && sinopsisval==true)	{
				return true;
			}
			else {
				return false;
			}
		}
		};
		
		DoSave = function() {
		if (DoValidationKelolaCerita()==true){
            DoAction();
            $("#simpanpostok").click();
        }};
		DoSaveandPublish = function() {
		if (DoValidationKelolaCerita()==true){
			DoAction();
            $("#tayangkanpostok").click();
        }};
		// ****
        $('#dialog-hapusbuku').dialog({
            modal: true,
            autoOpen: false,
            title: 'Konfirmasi Hapus Cerita',
            width: 500,
            height: 200,
            position: ['middle', 170],
            buttons: {
                "Ya": function() {
                    $("#hapusbukuok").click();
                },
                "Batal": function() {
                    $(this).dialog("close");
                }
            }

        });
        $('[id*=HapusBuku]').click(function(e) {
            e.preventDefault();
            var id = $(this).attr("href");
            $("#hiddenbookid2").val(id);
            $("#dialog-hapusbuku").css('display', 'block');
            $('#dialog-hapusbuku').dialog('open');
        });
        if ($('.paragrafcerita').height() < 2692) {
            $('.controls').css('display', 'none');
        } else {
            $('.controls').css('display', 'block');
        }

        DoAddBab =
        function() {
		
                var ul = $('#tabtable').find("ul");
                var divTabs = $('#tab-content');
                $('#tabtable').find("li").each(function() {
                    $(this).removeClass("activetab").addClass("unactivetab");
					
                });
                $('#tab-content').find("div").each(function() {
                    $(this).removeClass("tab-pane active").addClass("tab-pane");
                });
				var pointer = "'pointer'";
                var tabcontent = "<li class='activetab' id='li"+(counterbab)+"'><span><a href='#pane" + (counterbab) + "' data-toggle='tab' class='showtab'>Bab " + (counterbab) + "</a>&nbsp;&nbsp; <a id='"+counterbab+"' class='remove' style='cursor:pointer'>x</a>&nbsp;&nbsp;</span></li>";
                var tabDiv = " <div id='pane" + (counterbab) + "' class='tab-pane active'><br/><input class='form-control tinggitextbox' id='title" + (counterbab) + "' type='text' name='title" + (counterbab) + "' placeholder='"+PlaceHolderJudulBab+"' ></input><br/><textarea class='kotaktext' name='description" + (counterbab) + "' id='description" + (counterbab) + "' placeholder='"+PlaceHolderIsiBab+"'></textarea> </div>";
                ul.append(tabcontent);
                divTabs.append(tabDiv);
				tinymce.EditorManager.execCommand('mceAddEditor', true, "description"+counterbab);
                counterbab++;
				$('#tabtable').tabs("refresh");
		
        };
	// halaman profilku.php ****
	ShowEdit = 
	function (id){
	  var idtext = $(id).attr('id');
		$('#'+idtext+'edit').css('display','block');
		$('#'+idtext+'div').css('display','none');
		if (idtext=='jk'){
		$('#rdgroup').find('input[type=radio]').each(function(){
			var value = $(this).val();
			if ($('#lbjk').text()==value){
				$(this).attr('checked',true);
				};
			});
		};
	};
	HideEdit = 
	function (id){
	  var idtext = $(id).attr('id');
		$('#'+idtext+'edit').css('display','none');
		$('#'+idtext+'div').css('display','block');
	};
	SaveEdit = 
	function(id){
		var idtext = $(id).attr('id');
		switch (idtext){
			case 'namalengkap' :
				var fname = $('#txtfirstname').val();
				var lname = $('#txtlastname').val();
				$('#lb'+idtext).text(fname + ' ' + lname);
				$('#fnameeditok').val(fname);
				$('#lnameeditok').val(lname);
				HideEdit(id);
			break;
			case 'bio':
				$('#lb'+idtext).text($('#ta'+idtext).val());
				$('#'+idtext+'editok').val($('#ta'+idtext).val());
				HideEdit(id);
			break;
			case 'website': 
				var websitetext =	$('#a'+idtext).text($('#txt'+idtext).val());
				$('#'+idtext+'editok').val(websitetext);
				HideEdit(id);
			break;
			case 'TTL' : 
				var tempatlahir = $('#txttempatlahir').val();
				var tgllahir = $('#txttgllahir').val();
				$('#lb'+idtext).text(tempatlahir + " / " + tgllahir);
				$('#tempatlahireditok').val(tempatlahir);
				$('#tgllahireditok').val(tgllahir);
				HideEdit(id);
			break;
			case 'jk' : 
				var check = "";
				var ischecked = false;
				$('#rdgroup').find('input[type=radio]').each(function(){
				if ($(this).attr("checked")=='checked'){
					checkedval = $(this).val();
					$('#'+idtext+'editok').val(checkedval);
					ischecked = true;
					}
				});
				if (ischecked==true){
					$('#lb'+idtext).text(checkedval);
					HideEdit(id);	}
				else {alert('Pilih jenis kelamin dulu!');}
			break;
			case 'pekerjaan' : 
				var pekerjaantext = $('#txt'+idtext).val()
				$('#lb'+idtext).text(pekerjaantext);
				$('#'+idtext+'editok').val(pekerjaantext);
				HideEdit(id);
			break;
			case 'notelp': 
				var notelptext=	$('#txt'+idtext).val();
				$('#lb'+idtext).text(notelptext);
				$('#'+idtext+'editok').val(notelptext);
				HideEdit(id);
			break;
			case 'email' : 
				var emailtext = $('#txt'+idtext).val();
				$('#lb'+idtext).text(emailtext);
				$('#'+idtext+'editok').val(emailtext);
				HideEdit(id);
			break;
			//case 'password':
			//	var cekpassword = false;
			//	if (cekpassword==false){
			//		$('#error'+idtext).text('Password lama tidak sesuai! Harap masukkan password lama dengan benar!');
			//	}
			//break;
		}
	};
	
	$("input[type='radio']").click(function()
	{
	  var previousValue = $(this).attr('previousValue');
	  var name = $(this).attr('name');

	  if (previousValue == 'checked')
	  {
		$(this).removeAttr('checked');
		$(this).attr('previousValue', false);
	  }
	  else
	  {
		$("input[name="+name+"]:radio").attr('previousValue', false);
		$(this).attr('previousValue', 'checked');
	  }
	});
	
	
	// ****
/*	$(document).on('keyup',"#descriptionbab", function(){
		var currentString = $.trim($("#descriptionbab").val());
		if (currentString.length < MinIsiBab )  {  /*or whatever your number is*/
	/*		$('#errorisibab').text(MsgIsiBab);
			$(this).css('border','2px solid red');
			isibabval=false;
		} else {
			isibabval = true;
			$(this).css('border','2px solid green');
			$('#errorisibab').text('');
		}
	}); */

	$(document).on('keyup',"#titlebab", function(){
		var currentString = $.trim($("#titlebab").val());
		if (currentString.length < MinJudulBab )  {  /*or whatever your number is*/
			   $('#errorjudulbab').text(MsgJudulBab);
			  $(this).css('border','2px solid red');
			  judulbabval = false;
		} else {
			 judulbabval = true;
			  $(this).css('border','2px solid green');
			  $('#errorjudulbab').text('');
		}
	}); 

	DoValidationPostBab = 
		function(){
			if (judulbabval==false){
			 $('#errorjudulbab').text(MsgJudulBab);
				}
			if (isibabval == false){
			$('#errorisibab').text(MsgIsiBab);
			}
			if (judulbabval==true && isibabval==true){
				return true;
			}
			else {
				return false;
			}
		};	
	$("#DoPublishBab").on("click", function(){
		if (DoValidationPostBab()==true){
			$('#publishbab').click();
		}
	});
 
	$("#DoDraftBab").on("click", function(){
		if (DoValidationPostBab()==true){
			$('#draftbab').click();
		};
	});
	
	$('#tabtable a.remove').live('click', function() {
		var ID = $(this).attr("ID");
	
			// remove content tab and related content
		var tabid = $('#pane'+ ID).remove();
			
			//remove li
		$(this).parent().parent().remove(); //span/li//
 		
	});
	$('#tabtable a.showtab').live('click', function() {
		$(this).parent().parent().removeClass("unactivetab").addClass("activetab");
		$liID = $(this).parent().parent().attr('id');
		//$(this).parent().parent().siblings.removeClass("unactive").addClass("active");
		$('#tabtable').find("li").each(function() {
		    $liIDother = $(this).attr("id");
			if ($liIDother!=$liID){
			$(this).removeClass("activetab").addClass("unactivetab");
			}
					
         });
	});
	  function publishordraftbukumce() {
        var tab = new Array();
		var description = new Array();
            //var tab2 = new Array();
        var tabstring = "";
         
		for(i=0; i < tinymce.editors.length; i++){
			var content = tinymce.editors[i].getContent();
			var idtextarea = tinymce.editors[i].id;
			if (content!=""){
				tab.push(idtextarea);
			}
			else {
			
				if ($("#title"+idtextarea.substr(11)).val().length>0) //br/input// jangan ditambah tag lain di postbab.php
				{
					tab.push(idtextarea);
				}
			}
		}
		
            for (var i = 0; i < tab.length; i++) {
            var id = tab[i];
            if (i == tab.length - 1) {
                    tabstring += id;
            } else {
                    tabstring += id + "|";
            }
        };
           
         $('#hidallbabtab').val(tabstring);
          
        };
		
    function publishordraftbuku() {
        var tab = new Array();
            //var tab2 = new Array();
        var tabstring = "";
         
			
        $("#tabtable").find("textarea").each(function() {
			// do minor validation in textaera		
			var idtextarea = $(this).attr("id");
			if ($.trim($(this).val()).length > 0){
                    tab.push(idtextarea);
				}
			else {
					if ($.trim($(this).prev().prev().val()).length>0) //br/input// jangan ditambah tag lain di postbab.php
					{
					tab.push(idtextarea);
					}	
				;}
        });
        for (var i = 0; i < tab.length; i++) {
            var id = tab[i];
            if (i == tab.length - 1) {
                    tabstring += id;
            } else {
                    tabstring += id + "|";
            }
        };
           
         $('#hidallbabtab').val(tabstring);
          
        };
		
		$('#title0').on('keyup', function(event) {
			var currentString = $.trim($("#title0").val());
			if (currentString.length < MinJudul )  {  /*or whatever your number is*/
			  $('#errorjudulbuku').text(MsgJudul);
			 //  $('#errorjudulbab').text(MsgJudul);
			  $(this).css('border','2px solid red');
			  judulval = false;
		} else {
			 judulval = true;
			  $(this).css('border','2px solid green');
			 $('#errorjudulbuku').text('');
			 // $('#errorjudulbab').text('');
			}
		});
		
	/*	$('#description0').on('keyup', function(event) {
			var currentString = $.trim($("#description0").val());
			if (currentString.length < MinSinopsis )  {  /*or whatever your number is*/
	//		  $('#errorsinopsisbuku').text(MsgSinopsis);
			   // $('#errorisibab').text(MsgIsiBab);
		//	  $(this).css('border','2px solid red');
			//  sinopsisval = false;
			  //isibabval=false;
		//	} else {
			// sinopsisval = true;
			 //isibabval = true;
		 //   $(this).css('border','2px solid green');
	//		$('#errorsinopsisbuku').text('');
			  //$('#errorisibab').text('');
		//	}
	//	});
		
		
		//for wp_dropdowncategories
		var dropdown = document.getElementById("cat");
		function onCatChange() {
			if ( dropdown.options[dropdown.selectedIndex].value < 0 ) {
				$('#errorkatbuku').text(MsgKategori);
				catval = false;
			}
			else {
				catval = true;
				$('#errorkatbuku').text('');}
		};
		dropdown.onchange = onCatChange;
	//*****************
		$('#post_tags').on('keyup',function(event){
		if ($.trim($('#post_tags').val()).length < 1){
			 $('#errortagbuku').text(MsgTag);
			  tagval = false;
		}
		 else {
		  $('#errortagbuku').text('');
		  tagval = true;
		}
		});
		
		DoValidationTulisCerita = 
		function(){
			if (judulval==false){
			 $('#errorjudulbuku').text(MsgJudul);
				}
			if (catval == false){
			 $('#errorkatbuku').text(MsgKategori);
				}
			if (tagval == false){
				$('#errortagbuku').text(MsgTag);
			}
			if (sinopsisval == false){
			$('#errorsinopsisbuku').text(MsgSinopsis);
			}
			if (judulval==true && catval == true && tagval == true && sinopsisval==true)	{
				return true;
			}
			else {
				return false;
			}
		};
		
		DoDraftBuku =
		function(){
			if (DoValidationTulisCerita()==true){
				//publishordraftbuku();
				publishordraftbukumce();
				$('#draftbuku').click();
			}
		};
		
		DoPublishBuku =
			function(){
			if (DoValidationTulisCerita()==true){
				publishordraftbukumce();
				$('#publishbuku').click();
			}
		};
				
    });
})(jQuery);
</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-57886468-1', 'auto');
  ga('send', 'pageview');

</script>
</head><body id="body">
<div class="container shadow" style="border-top: 8px solid #F6AF97;">

	<div class="row clearfix">
	<?php dynamic_sidebar('sidebar_iklan_atas')?>
		<!-- <div class="col-md-12 column"> untuk iklan di atas header -->
        <!--	<img src="img/1bfdf7e9746c4dd82708fac53e91967e.jpg" style="width:100%; height:50px;"/>
		</div>-->
	</div>
    <div class="col-md-12 column content"><a href="<?php echo get_site_url() ?>"><img width="100%" src="<?php echo get_template_directory_uri() ?>/img/logobaru.jpg" max-width="500px"/></a></div>
	<div class="row clearfix">
		<div class="col-md-3" ><div style="border:1px solid #f6af95; margin-top:7px; "></div></div>
		<div class="col-md-6"><a href="<?php echo get_site_url() ?>"><img width="100%" src="<?php echo get_template_directory_uri() ?>/img/gabung.jpg" max-width="500px"/></a></div>
		<div class="col-md-3"><div style="border:1px solid #f6af95; margin-top:7px; "></div></div>
	</div>
	<br/>
	<?php get_template_part('menuutama')?> 


